<!-- Copyright 2018 The Chromium Authors. All rights reserved.
     Use of this source code is governed by a BSD-style license that can be
     found in the LICENSE file. -->

<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
<link rel="import" href="chrome://resources/cr_elements/icons.html">

<link rel="import" href="/components/common_styles/common_styles.html">

<dom-module id="voice-match-entry">
  <template>
    <style include="oobe-common-styles"></style>
    <link rel="stylesheet" href="assistant_shared_styles.css">
    <link rel="stylesheet" href="voice_match_entry.css">
    <div class="flex layout horizontal center" id="container">
      <div class="icon">
        <div id="default-icon" class="dot" active$="[[active]]"
            completed$="[[completed]]"></div>
        <paper-spinner-lite id="active-icon" active$="[[active]]">
        </paper-spinner-lite>
        <iron-icon id="completed-icon" icon="cr:check"
            completed$="[[completed]]"></iron-icon>
      </div>
      <div id="entry-text" class="content">
        <div id="active-text" active$="[[active]]">
          <slot name="entry-content"></slot>
        </div>
        <div id="completed-text" completed$="[[completed]]">
          [[i18nDynamic(locale, 'assistantVoiceMatchComplete')]]
        </div>
      </div>
    </div>
  </template>
</dom-module>
